@charset "utf-8";
#home{
  background: radial-gradient(circle closest-side at 50% 14rem, #4B5AA4 20%, #1C244B);
  .weui-search-bar{
    margin-bottom: 1rem;
    margin-top: .25rem;
  }
  .dataStatus{
    h3{
      text-align: center;
      font-size: 14px;
      margin-bottom: .25rem;
    }
    .content{
      text-align: center;
      position: relative;
      .totalNum{
        display: inline-block;
        height: 1.5rem;
        span{
          display: inline-block;
          margin: 0 .0625rem;
          padding: 0 0.38rem;
          height: 100%;
          line-height: 1.5rem;
          background: rgba(255,255,255,.1) url("../imgs/bg_indexNum.png") no-repeat;
          background-size: 100% 100%;
        }
      }
      .rate{
        position: absolute;
        font-size: .5rem;
        top: 0.05rem;
        color: var(--c_thirdText);
      }
    }

  }
  .chartWrap{
    position: relative;
    #ec01_sphere{
      height:18rem;
    }

    .data{
      position: absolute;
      top: 4rem;
      left: 0;
      right: 0;
      text-align: center;
      dl{
        display: inline-block;
        vertical-align: top;
        width: 7.375rem;
        &:first-child{
          margin-right: 2rem;
        }
        dt,dd{
          padding: 3px 6px;
          margin-top: 1px;
          background-color: rgba(11, 16, 39, 0.3);
          text-align: left;
          span{
            display: inline-block;
            &:first-child{
              width: 4.25rem;
            }
            &:last-child{
              text-align: right;
              width: 2.2rem;
            }
            img{
              position: relative;
              width: 1rem;
              height: 100%;
              display: inline-block;
              margin-bottom: -.125rem;
              border: 0;
            }
          }
        }
        dt{
          font-size: 14px;
          background-color: rgba(11, 16, 39, 0.50);
        }
        dd{
          font-size: 12px;
          color: rgba(255,255,255,.7);
        }
        &.field i{
          position: relative;
          margin-right: .25rem;
          font-size: 12px;
          transform: scale(1.3);
        }
      }
    }
  }
  #pureMode{
    position: relative;
    margin: auto;
    padding-top: .5rem;
    width: 2.875rem;
    height: 2.875rem;
    font-size: 10px;
    text-align: center;
    border-radius: 50%;
    background-color: #3e4566;
    border: 0.325rem solid #293055;
    line-height: 1.2;
    cursor: pointer;
    &:active{
      top: 1px;
      left: 1px;
    }
  }
}






